<!DOCTYPE html>
<!-- 注册 -->
<html style="font-size: 36px;">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="../../public/css/common.css">
		<link rel="stylesheet" href="../../public/css/login.css">
	</head>
	<body>
		<div class="login-box">
			<img src="../../public/images/login-bg.png" />
			<div class="login-sub">
				<img class="login-login" src="../../public/images/login-icon.png" />
				<div class="flex login-tab">
					<a href="login.html">登录</a>
					<a class="act">注册</a>
				</div>
				<div class="login-int act">
					<label>
						<input class="int" maxlength="11" type="tel" placeholder="请输入您的手机号码" />
					</label>
					<label>
						<input class="int" maxlength="16" type="password" placeholder="请输入密码" />
					</label>
					<label>
						<input class="int" maxlength="16" type="password" placeholder="请确认密码" />
					</label>
					<label>
						<input class="int" maxlength="6" type="tel" placeholder="安全码（6位纯数字）" />
					</label>
					<label>
						<input class="int" maxlength="6" type="tel" placeholder="确认安全码" />
					</label>
					<label>
						<input class="int" maxlength="16" type="text" placeholder="邀请码（必填）" />
					</label>
					<!-- 滑块验证码 -->
					<div class="verify-wrap" id="verify-wrap"></div>
					<button class="button mt30">注册</button>
				</div>
			</div>
		</div>
	</body>
</html>
<script src="../../public/js/jquery.min.js"></script>
<script src="../../public/js/rem.js"></script>
<script src="../../public/js/jq-slideVerify.js"></script>
<script type="text/javascript">
	$(function() {
		var yanzheng = false;
		var SlideVerifyPlug = window.slideVerifyPlug;
		var slideVerify = new SlideVerifyPlug('#verify-wrap', {
			wrapWidth: '100%', //设置 容器的宽度 ，默认为 350 ，也可不用设，你自己css 定义好也可以，插件里面会取一次这个 容器的宽度
			initText: '滑到右侧完成验证', //设置  初始的 显示文字
			sucessText: '验证成功', //设置 验证通过 显示的文字
			getSucessState: function(res) {
				//当验证完成的时候 会 返回 res 值 true，只留了这个应该够用了 



				yanzheng = res;
			}
		});
	})
</script>
